<!DOCTYPE html>
<html style="overflow: hidden;">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,user-scalable=no">
        <title>宝匠</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript">
        (function (doc, win) {
        var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        // if (clientWidth < 640) {
        docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
        //};
        };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
        </script>
    </head>
    <body style="overflow: hidden;">
        <aside class="myBj">
            
        </aside>
        <div id="page_index" class="page-index grid-640">
            <header class="grid-640 header fn-clear">
                <a href="search.php" class="a-left search"></a>
                <h1><img style="width:1.6rem;" src="images/logo.png"></h1>
          <a href="user.php?act=login" class="a-right massage"></a>          </header>
            <section class="grid-640 handover">
                <div class="scroll">
                    <div class="scroll_box" id="scroll_img">
                        <ul id="js_content_box" class="scroll_wrap">
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                        </ul>
                    </div>
                    <ul class="scroll_position" id='scroll_position'>
                        <li class="on"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </section>
            <section class="grid-640 content">
                <div class="nav clearfix">
                    <ul class="nav-list clearfix">
                        <li class="on" onClick="location.href='custom.php'">珠宝订制</li>
                        <li class="" onClick="location.href='pj.php'">皮具订制</li>
                    </ul>
                    <span class="nav-side"></span>
                </div>
                <div class="pro">
                    <ul class="pro-list clearfix">
						
						<!--  显示的商品 -->
						
						{if $hot_num > 0}
						
						  {foreach from=$hot_goods item=hot_data}
							 
							  <li class="pro-item">
									<a class="pro-img" href="goods.php?id={$hot_data.id}"><img src="images/img.jpg"></a>
									<div class="clearfix pro-detail">
										<a class="pro-like pro-like-in" href="goods.php?id={$hot_data.id}"><em></em></a>
										<a class="pro-title" href="goods.php?id={$hot_data.id}">{$hot_data.name}</a>
										<span class="pro-price"><em class="rmb">￥</em>{$hot_data.shop_price}</span>
									</div>
								</li>
							  
						  {/foreach}
						  
						{/if}
						
						<!--
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like pro-like-in" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
						
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like pro-like-in" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
						-->
						
						
                    </ul>
                </div>
            </section>
        </div>
    </body>
</html>
<script src="js/jquery.js"></script>
<script src="js/jq.swipe.js"></script>
<script src="js/nav.js"></script>